<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="./font/iconfont.css">
		<script src="font/iconfont.js"></script>
		<link rel="stylesheet" type="text/css" href="css/my1.css" />
		<title></title>
	</head>
	<body>

		<!-- 顶部 1-->
		<header class="top-one">

			<ul>
				<li>


					<div class="box">
						<!-- <form action="" method=""> -->
						<!-- <button type="button" >挑战转正答题 -->
						<a href="#">
							<span>挑战转正答题</span>
							<span class="iconfont icon-jiantou"></span>
						</a>
						<!-- </form> -->
					</div>


				</li>
				<li>
					<a href="#">
						<span class="iconfont icon-saoyisao"></span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="iconfont icon-yifu"></span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="iconfont icon-yueliang"></span>
					</a>
				</li>
			</ul>
		</header>

		<!-- 顶部-2 -->
		<!-- /* 头像+基本信息+空间*/ -->
		<header class="top-two">
			<!-- 头像 -->
			<div class="search-touxiang">
				<a href="#">
					<span class="iconfont icon-morentouxiang"></span>
				</a>
			</div>

			<!-- 中间块写标准流就行，不设置宽度 -->


			<!-- 基本信息 -->
			<div class="normalinfor">
				<div class="infor infor-one">
					<a href="">
						<div class="left">
							<span class="content">点击设置昵称</span>

							<span class="iconfont icon-jiantou"></span>

						</div>
					</a>
					<a href="">
						<div class="right">
							<span class="iconfont icon-icon-test1"></span>
						</div>
					</a>
				</div>

				<div class="infor infor-two">
					<a href="">
						<span class="content">注册会员</span>
					</a>

				</div>

				<div class="infor infor-three">
					<div class="left">
						<a href=""><span class="content">B币:0</span></a>
					</div>

					<div class="right">
						<a href=""><span class="content">硬币:0</span></a>
					</div>
				</div>


			</div>



			<!-- 空间 -->
			<div class="space">
				<a href="#">
					<span class="">空间</span>
					<span class="iconfont icon-jiantou"></span>
				</a>
			</div>
		</header>

		<!-- 顶部-3-->
		<div class="top-three">
			<div class="jlist">
				<div class="top">
					<li>
						<a href="#">
							<span class="shuzi">0</span>
							<span class="wenzi">动态</span>
						</a>
					</li>

					<li>
						<a href="#">
							<span class="shuzi">0</span>
							<span class="wenzi">动态</span>
						</a>
					</li>

					<li>
						<a href="#">
							<span class="shuzi">0</span>
							<span class="wenzi">动态</span>
						</a>
					</li>

				</div>
				<!-- 成为大会员 -->
				<div class="bottom">
					<div class="huiyuan">
						<div class="left">
							<span class="becomehy">成为大会员</span>
							<span class="quanyi">了解更多权益</span>

						</div>

						<div class="right">
							<span class="iconfont icon-jiantou"></span>
						</div>
					</div>
				</div>

			</div>

		</div>



		<!-- 中间内容 -->
		<div class="bai">

		</div>

		<!-- 内容1-->

		<div class="content-one">
			<!-- 上图下文 -->
			<ul class="bnav">
				
					<li class="footer-nav active">
				<a href="#">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-wenjianxiazai"></use>
						</svg>
				</a>
				<p>离线缓存</p>
				</li>

				<li class="footer-nav active">
					<a href="#">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-lishijilu1"></use>
					</svg>
					</a>
					<p><a href="#" class="active">历史记录</a></p>
				</li>

				<li class="footer-nav active">
					<a href="#">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-shoucang1"></use>
					</svg>
					</a>
					<p><a href="#" class="active">我的收藏</a></p>
				</li>

				<li class="footer-nav active">
					<a href="#">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-shaohouguankan"></use>
					</svg>
					</a>
					<p><a href="#" class="active">稍后再看</a></p>
				</li>
			</ul>
		</div>


		<!-- 内容2-->
		<div class="content-two">
			<div class="fabu">
				<div class="left">
					<li class="top">
						<span class="iconfont icon-icon_fabu"></span>
						<p>发布你的第一个视频</p>
					</li>
					
					<li class="bottom">
						<p>领限定头像挂件，赢活动奖金</p>
					</li>

				</div>
				<div class="right">
					<a href="#">
					<span class="iconfont icon-fabu"></span>
					<p>有奖发布</p>
					</a>
				</div>
			</div>
		</div>

		<!-- 内容3 推荐服务-->
		<div class="tuijian">

			<p>推荐服务</p>

		</div>

		<div class="context">
			<div class="view">
				<ul class="xuanfu">
					
					<li>
						<a href="#">
						<span class="iconfont icon-a-wenjianshuben"></span>
						<p>我的课程</p>
						</a>
					</li>

					<li>
						<a href="#">
						<span class="iconfont icon-chongliuliang"></span>
						<p>看视频免流量</p>
						</a>
					</li>

					<li>
						<a href="#">
						<span class="iconfont icon-clothes"></span>
						<p>个人装扮</p>
						</a>
					</li>

					<li>
						<a href="#">
						<span class="iconfont icon-hongbao"></span>
						<p>邀好友赚红包</p>
						</a>
					</li>


					<li>
						<a href="#">
						<span class="iconfont icon-qianbao2"></span>
						<p>我的钱包</p>
						</a>
					</li>

					<li>
						<a href="#">
						<span class="iconfont icon-youxiyouxiji"></span>
						<p>游戏中心</p>
						</a>
					</li>

					<li>
						<a href="#">
						<span class="iconfont icon-icon-"></span>
						<p>会员购中心</p>
						</a>
					</li>

					<li>
						<a href="#">
						<span class="iconfont icon-dianshi"></span>
						<p>直播中心</p>
						</a>
					</li>

					<li>
						<a href="#">
						<span class="iconfont icon-bulb"></span>
						<p>创作中心</p>
						</a>
					</li>

					<li>
						<a href="#">
						<span class="iconfont icon-luntan"></span>
						<p>反馈论坛</p>
						</a>
					</li>

					<li>
						<a href="#">
						<span class="iconfont icon-iconfontzhizuobiaozhun023140"></span>
						<p>充能领福利</p>
						</a>
					</li>


					</u>

			</div>


		</div>

		<!-- 内容4 更多服务 -->

		<div class="tuijian">

			<p>更多服务</p>

		</div>
		<div class="gengduo">
			<ul class="lianxi">
				<a href="#">
					<li>
						<div class="left">
							<span class="iconfont icon-kefu"></span>
							<p>联系客服</p>
						</div>
						<div class="right">
							<span class="iconfont icon-jiantou"></span>
						</div>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="left">
							<span class="iconfont icon-banjiketang"></span>
							<p>课堂模式</p>
						</div>
						<div class="right">
							<span class="iconfont icon-jiantou"></span>
						</div>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="left">
							<span class="iconfont icon-yusan"></span>
							<p>青少年模式</p>
						</div>
						<div class="right">
							<span class="iconfont icon-jiantou"></span>
						</div>
					</li>
				</a>

				<a href="#">
					<li>
						<div class="left">
							<span class="iconfont icon-shezhi"></span>
							<p>设置</p>
						</div>
						<div class="right">
							<span class="iconfont icon-jiantou"></span>
						</div>
					</li>
				</a>
				<a href="#">
					<li>
						<div class="left">
							<span class="iconfont icon-kefu"></span>
							<p>联系客服</p>
						</div>
						<div class="right">
							<span class="iconfont icon-jiantou"></span>
						</div>
					</li>
				</a>
			</ul>
		</div>
		<!-- 底部 -->
		<div class="footer">
			<ul id="bnav">
				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-shouye2"></use>
					</svg>
					<p><a href="shouye.html">首页</a></p>
				</li>

				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-fengche"></use>
					</svg>
					<p><a href="#">动态</a></p>
				</li>

				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-fabu1"></use>
					</svg>
					<p><a href="#"></a></p>
				</li>

				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-iconset0317"></use>
					</svg>
					<p><a href="#">会员购</a></p>
				</li>


				<li class="footer-nav active" >
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-bilibili-line"></use>
					</svg>
					<p><a href="#" class="active">我的</a></p>
				</li>
			</ul>

		</div>



	</body>
</html>
